<template>
  <div class="cart">
    <!--    navbar-->
    <div class="navbar">
      <van-nav-bar fixed title="購物車" />
    </div>
    <div class="body">
      <img alt="" src="http://cba.itlike.com/public/mweb/static/empty.png" />
      <p class="text">您的購物車是空的，快去逛逛吧</p>
      <van-button
        class="btn"
        color="linear-gradient(to right, #FA291F, #FF6134)"
        @click="$router.push('/index')"
      >
        去逛逛
      </van-button>
    </div>
  </div>
</template>
<script>
export default {
  name: "indexCart",
  components: {},
  data() {
    return {};
  },
  computed: {},
  methods: {},
  created() {},
};
</script>
<style lang="less">
.cart {
  .navbar {
    .van-nav-bar__title {
      font-weight: bolder;
    }
  }

  .body {
    background-color: #f5f5f5;
    height: 700px;
    display: flex;
    flex-direction: column;
    align-items: center;

    img {
      margin: 150px 0 20px;
      width: 130px;
    }

    .text {
      color: #808080;
      margin-bottom: 20px;
    }

    .btn {
      border-radius: 18px;
      width: 100px;
      height: 30px;
    }
  }
}
</style>
